<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>培训通知</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="css/bootstrap-datetimepicker.min.css">
    <link href="css/l-style.css" rel="stylesheet">
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/pop_status.js"></script>
    <script src="js/common.js"></script>
</head>
<body>
<div class="container">
    <div class="header">
        <div class="header-fl fl">科技小桌板</div>
        <div class="header-fr fr">
            <img src="img/icon/default-avatar.png" width="28" height="28" class="default-avatar fl">
            <span class="admin-name fl">Sherry</span>
            <img src="img/icon/exit-icon.png" width="16" height="16" class="login-exit fr">
        </div>
    </div>

    <div class="super-admin">
        <img src="img/icon/s-admin.png" width="70" height="71">
        <span class="super-text">超级管理员</span>
    </div>

    <div class="sidebar">
        <div class="panel-group" id="accordion">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" href="index.html" data-id="1">
                                <span class="sidebar-icon">
                                    <span class="side1"></span>
                                </span>
                                <span class="">首页</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                            <a class="sidebar-list" data-id="2" >
                                <span class="sidebar-icon">
                                    <span class="side2"></span>
                                </span>
                                <span class="">消息通知</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
                <div id="collapseTwo" class="panel-collapse collapse">
                    <div class="panel-body">
                        <ul class="son-sidebar">
                            <li>
                                <a class="sidebar-son-list" data-id="1" href="gg1.html">公告列表</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" data-id="2" href="px1.html">培训通知</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" data-id="3"  href="ry1.html">
                                <span class="sidebar-icon">
                                    <span class="side3"></span>
                                </span>
                                <span class="">人员管理</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" data-id="4" href="qy1.html">
                                <span class="sidebar-icon">
                                    <span class="side4"></span>
                                </span>
                                <span class="">企业信息管理</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" data-id="5" href="sb1.html">
                                <span class="sidebar-icon">
                                    <span class="side5"></span>
                                </span>
                                <span class="">申报看板</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" data-id="6" href="wj1.html">
                                <span class="sidebar-icon">
                                    <span class="side6"></span>
                                </span>
                                <span class="">文件管理</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div data-toggle="collapse" data-parent="#accordion" href="#collapseSeven">
                            <a class="sidebar-list" data-id="7">
                                <span class="sidebar-icon">
                                    <span class="side7"></span>
                                </span>
                                <span class="">账号管理</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
                <div id="collapseSeven" class="panel-collapse collapse">
                    <div class="panel-body">
                        <ul class="son-sidebar">
                            <li>
                                <a class="sidebar-son-list" href="zh2.html" data-id="1">普通管理员账号管理</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="zh1.html" data-id="2">科技联络人审核</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div data-toggle="collapse" data-parent="#accordion" href="#collapseEight">
                            <a class="sidebar-list" data-id="8">
                                <span class="sidebar-icon">
                                    <span class="side8"></span>
                                </span>
                                <span class="">系统设置</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
                <div id="collapseEight" class="panel-collapse collapse">
                    <div class="panel-body">
                        <ul class="son-sidebar">
                            <li>
                                <a class="sidebar-son-list" href="xt3.html" data-id="1">个人信息</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="xt7.html" data-id="2">修改密码</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="xt5.html" data-id="3">企业类别管理</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="xt6.html" data-id="4">企业属性管理</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="xt1.html" data-id="5">Banner图管理</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="xt8.html" data-id="6">注册协议管理</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="page-header">
        <div class="page-right-top">
            <div class="right-top">
                <span class="right-title">消息通知</span>
            </div>
            <div class="top-nav top-nav-active">培训通知</div>
        </div>

        <div class="main-content">
            <div class="index-list-box">
                <div class="main-top">
                    <div class="index-list mes-m1">
                        <div class="index-total">总发布培训数</div>
                        <div class="index-totalNum">
                            <span>38700</span>个
                        </div>
                    </div>
                    <div class="index-list mes-m2">
                        <div class="index-total" style="padding-top: 13px;">本月发布培训数</div>
                        <div class="index-totalNum">
                            <span>2000</span>个
                        </div>
                    </div>
                    <div class="index-list index-m3">
                        <div class="index-total">本年培训人数</div>
                        <div class="index-totalNum">
                            <span>200</span>个
                        </div>
                    </div>
                    <div class="index-list mes-m4">
                        <div class="index-total">本年培训企业数</div>
                        <div class="index-totalNum">
                            <span>38888</span>个
                        </div>
                    </div>
                </div>

                <div class="mes-content">
                    <div class="main-mes-top">
                        <div class="fl">
                            <a class="release-btn fl" style="width:140px;" href="xx2.html">
                                <div class="train-width">
                                    <span class="re-icon fl"></span>
                                    <span class="re-text fl">发布培训通知</span>
                                </div>
                            </a>
                        </div>

                        <div class="fr">
                            <div class="mes-input fl">
                                <input type="text" class="keyword-input" placeholder="请输入关键词">
                            </div>

                            <div class="mes-input fl mes-date">
                                <span class="date-icon"></span>
                                <div class="form-group">
                                    <div class="right col-xs-6 text-left">
                                        <div class="input-group">
                                            <input type="text" style="width: 114px;" class="form-control form_datetime" id="addtime" name="addtime" placeholder="开始时间">
                                            <span class="input-group-addon" id="basic-addon"><span class="glyphicon glyphicon-time" aria-hidden="true"></span></span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="mes-input fl mes-date">
                                <span class="date-icon"></span>
                                <div class="form-group">
                                    <div class="right col-xs-6 text-left">
                                        <div class="input-group">
                                            <input type="text" style="width: 114px;" class="form-control form_datetime" id="addtimes" name="addtime" placeholder="结束时间">
                                            <span class="input-group-addon" id="basic-addon2"><span class="glyphicon glyphicon-time" aria-hidden="true"></span></span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <button class="mes-query-btn fl">查询</button>
                        </div>

                        <div class="clearfix"></div>
                    </div>

                    <div class="main-mes-content">
                        <div class="al-released">已发布公告列表</div>

                        <table class="table table-hover" style="table-layout:fixed;">
                            <thead>
                            <tr style="background-color: #f3f9fd;">
                                <th style="width: 15%">培训编号</th>
                                <th style="width:30%;text-align: center;">公告标题</th>
                                <th style="text-align: center;">发布时间</th>
                                <th style="text-align: center;">已读人数</th>
                                <th style="text-align: center;">未读人数</th>
                                <th style="text-align: center;">已报名人数</th>
                                <th style="text-align: center;">未报名人数</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td class="a-line">110110110110110</td>
                                <td class="a-line"><a href="px5.html">名称名称名称名称名称名称名称名称名称名称名称名称</a></td>
                                <td style="text-align: center;">2017.6.2</td>
                                <td style="text-align: center;"><a href="px7.html">12</a></td>
                                <td style="text-align: center;"><a href="px4.html">12</a></td>
                                <td style="text-align: center;"><a href="px6.html">12</a></td>
                                <td style="text-align: center;"><a href="px3.html">12</a></td>
                            </tr>
                            <tr>
                                <td class="a-line">110110110110110</td>
                                <td class="a-line"><a href="px5.html">名称名称名称名称名称名称名称名称名称名称名称名称</a></td>
                                <td style="text-align: center;">2017.6.2</td>
                                <td style="text-align: center;"><a href="px7.html">12</a></td>
                                <td style="text-align: center;"><a href="px4.html">12</a></td>
                                <td style="text-align: center;"><a href="px6.html">12</a></td>
                                <td style="text-align: center;"><a href="px3.html">12</a></td>
                            </tr>
                            <tr>
                                <td class="a-line">110110110110110</td>
                                <td class="a-line"><a href="px5.html">名称名称名称名称名称名称名称名称名称名称名称名称</a></td>
                                <td style="text-align: center;">2017.6.2</td>
                                <td style="text-align: center;"><a href="px7.html">12</a></td>
                                <td style="text-align: center;"><a href="px4.html">12</a></td>
                                <td style="text-align: center;"><a href="px6.html">12</a></td>
                                <td style="text-align: center;"><a href="px3.html">12</a></td>
                            </tr>
                            <tr>
                                <td class="a-line">110110110110110</td>
                                <td class="a-line"><a href="px5.html">名称名称名称名称名称名称名称名称名称名称名称名称</a></td>
                                <td style="text-align: center;">2017.6.2</td>
                                <td style="text-align: center;"><a href="px7.html">12</a></td>
                                <td style="text-align: center;"><a href="px4.html">12</a></td>
                                <td style="text-align: center;"><a href="px6.html">12</a></td>
                                <td style="text-align: center;"><a href="px3.html">12</a></td>
                            </tr>
                            <tr>
                                <td class="a-line">110110110110110</td>
                                <td class="a-line"><a href="px5.html">名称名称名称名称名称名称名称名称名称名称名称名称</a></td>
                                <td style="text-align: center;">2017.6.2</td>
                                <td style="text-align: center;"><a href="px7.html">12</a></td>
                                <td style="text-align: center;"><a href="px4.html">12</a></td>
                                <td style="text-align: center;"><a href="px6.html">12</a></td>
                                <td style="text-align: center;"><a href="px3.html">12</a></td>
                            </tr>
                            <tr>
                                <td class="a-line">110110110110110</td>
                                <td class="a-line"><a href="px5.html">名称名称名称名称名称名称名称名称名称名称名称名称</a></td>
                                <td style="text-align: center;">2017.6.2</td>
                                <td style="text-align: center;"><a href="px7.html">12</a></td>
                                <td style="text-align: center;"><a href="px4.html">12</a></td>
                                <td style="text-align: center;"><a href="px6.html">12</a></td>
                                <td style="text-align: center;"><a href="px3.html">12</a></td>
                            </tr>
                            </tbody>
                        </table>

                        <div class="page-box">
                            <ul class="pagination">
                                <li><a href="#">&laquo;</a></li>
                                <li><a href="#" class="mes-page-check">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                                <li><a href="#">5</a></li>
                                <li><a href="#">&raquo;</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<script src="js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
<script src="js/bootstrap-datetimepicker.zh-CN.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {

        SidebarHighlighting('2');
        SonSidebar('2', '2');

            // 日历
        $('.form_datetime').datetimepicker({
            minView: "month", //选择日期后，不会再跳转去选择时分秒
            language:  'zh-CN',
            format: 'yyyy-mm-dd',
            todayBtn:  1,
            autoclose: 1
        });

        // 点击查询
        $('.mes-query-btn').on('click', function() {
            var keyword = $('.keyword-input').val();
            var start_time = $('#addtime').val();
            var end_time = $('#addtimes').val();

            if ($.trim(keyword) == '') {
                popStatus(2, '请输入关键词', 1, '', true);
                return;
            }

            if (start_time == '') {
                popStatus(2, '请选择开始时间', 1, '', true);
                return;
            }

            if (end_time == '') {
                popStatus(2, '请选择结束时间', 1, '', true);
                return;
            }

            if (start_time > end_time) {
                popStatus(2, '开始时间不得大于结束时间', 1, '', true);
                return;
            }
        })
    })
</script>
</body>
</html>